<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影排行榜</title>
    <link rel="stylesheet" href="/css/rank.css">
</head>

<body>
    <header>
        <img src="/images/rankTop.png" class="bg">
        <div class="topBox">
            <input name="" type="search" />
            <img src="/images/搜索.png" />
        </div>
    </header>
    <article>

        <ul class="ul_2">
            <li>
                <img src="/images/长津湖.jpg">
                <div class="R">
                    <div class="tit">国产电影排行榜</div>
                    <div class="sub">
                        1·《长津湖》<br>
                        2·《战狼2》 <br>
                        3·《你好，李焕英》
                    </div>
                    <div class="pri"><a href="">更多影片</a></div>
                </div>
            </li>
            <li>
                <img src="/images/阿凡达.jpg">
                <div class="R">
                    <div class="tit">欧美电影排行榜</div>
                    <div class="sub">
                        1·《阿凡达》<br>
                        2·《复仇者联盟4》<br>
                        3·《泰坦尼克号》
                    </div>
                    <div class="pri"><a href=''>更多影片</a></div>
                </div>
            </li>
            <li>
                <img src="/images/鬼灭之刃.jpg">
                <div class="R">
                    <div class="tit">日本电影排行榜</div>
                    <div class="sub">
                        1·《鬼灭之刃.无线列车》<br>
                        2·《千与千寻》 <br>
                        3·《你的名字》
                    </div>
                    <div class="pri"><a href=''>更多影片</a></div>
                </div>
            </li>
            <li>
                <img src="/images/鸣梁.jpg">
                <div class="R">
                    <div class="tit">韩国电影排行榜</div>
                    <div class="sub">
                        1·《鸣梁:旋风之海》<br>
                        2·《盗贼同盟》 <br>
                        3·《7号房的礼物》
                    </div>
                    <div class="pri"><a href=''>更多影片</a></div>
                </div>
            </li>
            <li>
                <img src="/images/毒舌律师.jpg">
                <div class="R">
                    <div class="tit">香港电影排行榜</div>
                    <div class="sub">
                        1·《毒舌律师》<br>
                        2·《破·地狱》 <br>
                        3·《九龙城寨之围城》
                    </div>
                    <div class="pri"><a href=''>更多影片</a></div>
                </div>
            </li>
        </ul>

    </article>

    <footer>
        <div class="nav">
            <div class="nav-item">
                <a href="../html/home.html">
                    <img src="../images/首页.jpg" />
                    <p>首页</p>
                </a>
            </div>
            <div class="nav-item">
                <a href="../html/rank.html">
                    <img src="../images/排行榜.jpg" />
                    <p>排行榜</p>
                </a>
            </div>
            <div class="nav-item">
                <a href="../html/forum.html">
                    <img src="../images/动态.jpg" />
                    <p>动态</p>
                </a>
            </div>

            <div class="nav-item">
                <a href="../html/me.html">
                    <img src="../images/我的.jpg" />
                    <p>我的</p>
                </a>
            </div>
        </div>
    </footer>

</body>

</html>